<?php 
use yii\helpers\Html;
use yii\helpers\Url;
use common\models\MktUser;
use common\models\WxGh;
use common\models\MktSourceRoom;
use common\models\MktSourceGift;
use common\models\MktSourceDonate;
use common\models\MktSourceService;
use common\models\MktSourceMember;
use common\models\MktSourcePromotion;
?>
<style>
@media only screen and (max-width: 329px){
    #lib .weui_media_info_meta {
        font-size: 12px !important;
    }
}
#lib .weui_cells_radio .weui_cell:active {
  background-color: #FFFFFF;
}
#lib .weui_media_box .weui_media_box:before {
  border-top:0px;
}
#lib .scr-page .weui_media_box .weui_media_box {
  padding:5px 10px 0px !important;
}
#lib .weui_media_info_meta{
  font-size: 15px;
}
#lib .weui_panel:before {
  border-top: 0px;
}
#lib .weui_panel:after {
  border-bottom: 0px;
}
#lib .weui_media_box{
  padding-top: 10px; padding-bottom: 10px;
}
#lib .weui_media_box .weui_media_text .weui_media_info{
  margin-top: 10px;
  color: #999999;
  line-height: 15px;
}
#lib .weui_media_box .weui_media_text .weui_media_title {
  margin-bottom: 5px;
}
#lib .weui_info_box{
  padding-top: 5px;padding-bottom: 5px;
}
#lib .weui_info_box .weui_media_title{
  font-size: 16px;
}
#lib .weui_media_text .weui_media_title .info{
  font-size:13px;
}
#lib .weui_media_box .weui_media_text .weui_media_info{
	padding: 0px !important;
  }
#lib .weui_media_box.weui_media_text .weui_media_info_meta{
	padding: 0px  !important;
  }
#lib .weui_media_info .weui_media_info_meta{
	text-align: center;
    width: 30%;
  }
#lib .weui_media_appmsg .weui_media_box {
    padding: 10px 0px 10px 5px !important;
  }
#lib .weui_media_box {
    padding: 10px 5px 5px 5px !important;
  }
 #lib .weui_media_info .weui_media_info_meta:first-child{
	text-align: left;
  }
/*
#my_pagination {margin: 10px;padding: 10;list-style-type: none;text-align: left;}
#my_pagination li { display: inline; margin: 0 50px; }
#my_pagination li.disabled { display: none}
#my_pagination li a {text-decoration: none;color: #999999 !important;margin: 0 10px;padding: 0 10px; }
*/
ul.pagination {margin: 10px; padding: 10; list-style-type: none; text-align: center; }
ul.pagination li {display: inline; margin: 0 30px;}
ul.pagination li.disabled {display: none;}
ul.pagination li a {text-decoration: none;color: #999999 !important;margin: 0 10px;padding: 0 10px;}

</style>

<?php yii\widgets\Pjax::begin(); ?>

<header class="scr-header po-f">
	<div class="itms itms4" id="qy-btn"><span style="padding-right: 10px;">区域</span></div>
	<div class="itms itms4" id="sl-btn"><span style="padding-right: 10px;">数量</span></div>
	<div class="itms itms4" id="zl-btn"><span style="padding-right: 10px;">质量</span></div>
	<div class="itms itms4" id="nl-btn"><span style="padding-right: 10px;">年龄</span></div>
</header>

<section class="tc-top" id="qy-main">
	<div class="weui_cells weui_cells_radio">
        <?php foreach($areaFirstLevelNodes as $node) { ?>
        <label class="weui_cell weui_check_label" for="radio1-<?php echo $node->id; ?>">
            <div class="weui_cell_bd weui_cell_primary">
                <p><?php echo $node->theTitle; ?></p>
            </div>
            <div class="weui_cell_ft">
                <input class="weui_check" name="radio1" id="radio1-<?php echo $node->id; ?>" type="radio" value="<?php echo $node->id; ?>">
                <span class="weui_icon_checked"></span>
            </div>
        </label>
        <?php } ?>

	</div>
</section>
<section class="tc-top" id="sl-main">
	<div class="weui_cells weui_cells_radio">
		<label class="weui_cell weui_check_label" for="radioSl01">
			<div class="weui_cell_bd weui_cell_primary">
				<p>数量1</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioSl" id="radioSl01" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
		<label class="weui_cell weui_check_label" for="radioSl02">
			<div class="weui_cell_bd weui_cell_primary">
				<p>数量2</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioSl" id="radioSl02" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
	</div>
</section>
<section class="tc-top" id="zl-main">
	<div class="weui_cells weui_cells_radio">
		<label class="weui_cell weui_check_label" for="radioZl01">
			<div class="weui_cell_bd weui_cell_primary">
				<p>质量1</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioZl" id="radioZl01" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
		<label class="weui_cell weui_check_label" for="radioZl02">
			<div class="weui_cell_bd weui_cell_primary">
				<p>质量2</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioZl" id="radioZl02" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
	</div>
</section>
<section class="tc-top" id="nl-main">
	<div class="weui_cells weui_cells_radio">
		<label class="weui_cell weui_check_label" for="radioNl01">
			<div class="weui_cell_bd weui_cell_primary">
				<p>年龄1</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioNl" id="radioNl01" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
		<label class="weui_cell weui_check_label" for="radioNl02">
			<div class="weui_cell_bd weui_cell_primary">
				<p>年龄2</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioNl" id="radioNl02" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>
	</div>
</section>

<script type="text/javascript">
$('#qy-main input:radio').change(function()
{
	$('#qy-main').removeClass('show');
});
$('#sl-main input:radio').change(function()
{
	$('#sl-main').removeClass('show');
});
$('#zl-main input:radio').change(function()
{
	$('#zl-main').removeClass('show');
});
$('#nl-main input:radio').change(function()
{
	$('#nl-main').removeClass('show');
});
$('#qy-main input:radio').click(function()
{
	$('#qy-main').removeClass('show');
});
$('#sl-main input:radio').click(function()
{
	$('#sl-main').removeClass('show');
});
$('#zl-main input:radio').click(function()
{
	$('#zl-main').removeClass('show');
});
$('#nl-main input:radio').click(function()
{
	$('#nl-main').removeClass('show');
});

$(function()
{
	  $("#qy-btn").swipe({
			tap: function () {
				$('#sl-main').removeClass('show');
				$('#zl-main').removeClass('show');
				$('#nl-main').removeClass('show');
				$('#qy-main').toggleClass('show');
			}
    	});
	  $("#sl-btn").swipe({
			tap: function () {
				$('#qy-main').removeClass('show');
				$('#zl-main').removeClass('show');
				$('#nl-main').removeClass('show');
				$('#sl-main').toggleClass('show');
			}
    	});
	  $("#zl-btn").swipe({
			tap: function () {
				$('#qy-main').removeClass('show');
				$('#sl-main').removeClass('show');
				$('#nl-main').removeClass('show');
				$('#zl-main').toggleClass('show');
			}
    	});
	  $("#nl-btn").swipe({
			tap: function () {
				$('#qy-main').removeClass('show');
				$('#sl-main').removeClass('show');
				$('#zl-main').removeClass('show');
				$('#nl-main').toggleClass('show');
			}
    	});
})
</script>

<section class="page scr-page" style="min-height: calc(100vh - 150px);min-height: -moz-calc(100vh - 150px);min-height: -webkit-calc(100vh - 150px);;background: #ffffff none repeat scroll 0 0;">
<div class="weui_panel weui_panel_access">
	<div class="weui_panel_bd">

        <?php echo yii\widgets\ListView::widget([
            'dataProvider' => $dataProvider,
            'itemView' => '_member_item',
            //'layout' => YII_ENV_DEV ? "{items}\n{pager}\n" : "{items}\n",
            'layout' => "{items}\n{pager}\n",
            'emptyText' => '',
            'pager' => [                
                'options' => ['class' => 'pagination', 'id' => 'my_pagination'],
                'firstPageLabel' => false,
                'lastPageLabel' => false,
                'prevPageLabel' => '上页',
                'nextPageLabel' => '下页',
                'maxButtonCount' => 0,
            ],

        ]) ?>

	</div>
</div>
</section>
<?php yii\widgets\Pjax::end(); ?>
<!--
<script type="text/javascript">
function gotoWorkDetail(object)
{
	window.location.href="work/detail.jsp";
}
function gotoManDetail(object)
{
	window.location.href="market/woman.jsp";
}
function gotoDetail()
{
	window.location.href="market/list.jsp";
}
</script>
-->

<?php
/*
		<label class="weui_cell weui_check_label" for="radioQy01">
			<div class="weui_cell_bd weui_cell_primary">
				<p>江汉区</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioQy" id="radioQy01" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>

		<label class="weui_cell weui_check_label" for="radioQy02">
			<div class="weui_cell_bd weui_cell_primary">
				<p>江岸区</p>
			</div>
			<div class="weui_cell_ft">
				<input class="weui_check" name="radioQy" id="radioQy02" type="radio">
				<span class="weui_icon_checked"></span>
			</div>
		</label>


		<div onclick="gotoDetail()" class="weui_media_box weui_media_appmsg">
			<div class="weui_media_hd" style="margin-top: -25px;">
				<img alt="" src="resources/images/avatar/tx.jpg" class="weui_media_appmsg_thumb">
			</div>
			<div class="weui_media_box weui_media_text" style="width:100%;">
				<div class="weui_media_title"><span class="name">王可</span><span class="info">艺米沙画总经理</span></div>
				<div class="weui_info_box">
					<div class="weui_media_title">江汉区武广商圈</div>
					<ul class="weui_media_info" style="color: #999999;">
						<li class="weui_media_info_meta">1K+</li>
						<li class="weui_media_info_meta weui_media_info_meta_extra">3 - 12岁</li>
						<li class="weui_media_info_meta weui_media_info_meta_extra">年消费5K+</li>
					</ul>
				</div>
			</div>
		</div>


*/